import logo from './logo.svg';
// import * as CustomComponent from './demo';
import MyComponent,{ SecondComponent } from './demo';
import './App.css';
import { Top } from './style';
import { IconStyle,GlobalStyle,Tab ,TabItem} from './style';

function App() {
  return (
    <div className="App">
      <IconStyle/>
      <GlobalStyle/>
      {/* <MyComponent/>
      <SecondComponent/> */}
      <Top>
          <span className="iconfont menu">&#xe65c;</span>
          <span className="title">WeApp</span>
          <span className="iconfont search">&#xe62b;</span>
      </Top>
      <Tab>
        <a href="/recommend"><TabItem><span>推荐</span></TabItem></a>
        <a href="/recommend"><TabItem><span>歌手</span></TabItem></a>
        <a href="/recommend"><TabItem><span>排行榜</span></TabItem></a>
        
      </Tab>
    </div>
  );
}

export default App;
